<div class="title">
  <p>{{title}}</p>
  <span *ngIf="allList['DCJ'] !== undefined">待拆检:{{allList['DCJ']}}</span>
  <span *ngIf="allList['CJZ'] !== undefined">拆检中:{{allList['CJZ']}}</span>
  <span *ngIf="allList['ZDZ'] !== undefined">诊断:{{allList['ZDZ']}}</span>
  <span *ngIf="allList['DFW'] !== undefined">待服务:{{allList['DFW']}}</span>
</div>
<table [ngStyle]="{ width: tabWidth }" style="table-layout: fixed">
  <thead>
  <tr>
    <td *ngFor="let header of titleList" [ngStyle]="{width: header.width}">
      <span>{{ header.lable }}</span>
    </td>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let page of reportData">
    <td *ngFor="let header of titleList" [class.warning]='page["SJ"] > 60  || page["JCBEYONDTIME"] > 0 ' [class.error]='page["SC"] > (60*24)'>
                <span *ngIf=' ("SJ" !== header["feild"]) && ("SC" !== header["feild"])  && ("JCBEYONDTIME" !== header["feild"]) && ("HS" !== header["feild"])' >
                    <img *ngIf=' "TPLJ" === header["logo"] '  class="logo"
                         [src]="page['TPLJ'] ? 'http://yyftp.jekunauto.com/' + page['TPLJ'] : 'http://yyftp.jekunauto.com/default/Logo51*51.png' " />
                    {{ page[header['feild']] }}
                </span>
      <i *ngIf=' "SJ" === header["feild"] ' [class.warning]='page["SJ"] > 60 '>
        {{ toHourMinute(page["SJ"]) }}
        <img *ngIf=' "SJ" === header["feild"] ' class="waringImg"
             [src]=" (page['SJ'] > 60) ? 'assets/tmp/img/bi/swzx_06.png' : 'assets/tmp/img/bi/jinggao.png' " />
      </i>
      <i *ngIf=' "JCBEYONDTIME" === header["feild"] ' [class.warning]='page["JCBEYONDTIME"] > 0 '>
        {{ toHourMinute(page["JCBEYONDTIME"]) }}
        <img *ngIf=' "JCBEYONDTIME" === header["feild"] ' class="waringImg"
             [src]=" (page['JCBEYONDTIME'] > 0) ? 'assets/tmp/img/bi/swzx_06.png' : 'assets/tmp/img/bi/jinggao.png' " />
      </i>

      <i *ngIf=' "SC" === header["feild"] ' [class.warning]='page["SC"] > (60*24) '>
        {{ toHourMinute(page["SC"]) }}
        <img *ngIf=' "SC" === header["feild"] ' class="waringImg"
             [src]=" (page['SC'] > (60*24)) ? 'assets/tmp/img/bi/swzx_06.png' : 'assets/tmp/img/bi/jinggao.png' " />
      </i>
      <i *ngIf=' "HS" === header["feild"] ' >
        {{ toHourMinute(page["HS"]) }}
        <!--<img *ngIf=' "HS" === header["feild"] ' class="waringImg"-->
        <!--[src]=" (page['HS'] > (60*24)) ? './assets/tmp/img/bi/swzx_06.png' : './assets/tmp/img/bi/jinggao.png' " />-->
      </i>
    </td>
  </tr>
  </tbody>
</table>
